/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 6, 2014, 4:12:21 PM
    Author     : MrVinh
*/
*, p, table, tr, td, ul, li, ol, lo{
    margin: 0; padding: 0;
}
body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #efefef;
}
.container {
    width:950px;margin:0 auto;
}
#mainContainer{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
#page
{
    margin-top: 5px;
    margin-bottom: 5px;	
}

#header
{
    margin: 0;
    padding: 0;		
}

h1.logo-info{
    color:#005CB8;
    font-weight: bold;
    font-size:25px;
    padding:10px 0;
}

#header-menu{
    background-color: #005CB8;	
}	
#header ul{
    list-style-type:none;
    padding:10px 0px;

}

#header ul li{
    display:inline;
    margin-right:10px;
}

#header ul li a{
    color:#fff;
    text-decoration: none;
}

#header ul li a:hover{
    text-decoration: underline;
}

#footer
{
    padding: 10px;
    margin: 20px 0;
    font-size: 0.8em;
    text-align: center;
    border-top:1px dotted #ccc;	
}

/************************************************/
/*********** style controler user **************/
.menu_account {
    margin: 0;
    padding: 0;
}
.menu_account a {
    color: #777777;
    font-weight: bold;
}
.menu_account ul {
    list-style-type: none;
}
.menu_account ul li {
    background-color: #e9e9e9;
    border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
    float: left;
    height: 13px;
    margin-left: 5px;
    padding: 5px 8px;
}
.menu_account ul li.active {
    background-color: #2cb2bc;
}
.menu_account ul li.active:hover {
    color: #777777;
    text-decoration: none;
}
.menu_account ul li.active a {
    color: #ffffff;
    text-decoration: none;
}
.menu_account ul li:hover span a {
    color: #ffffff;
    text-decoration: none;
}
.menu_account ul li {
    border-bottom: 0 none;
}
.menu_account ul li:hover {
    background-color: #2cb2bc;
}
.menu_account ul li:hover {
    border-bottom: 0 none;
}
.menu_account ul {
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse;
    height: 25px;
    margin: 10px 0 0;
}
/************************************************/
.form_textfield{ margin-bottom: 10px;}
.form_textfield label{ padding-right: 20px;} 
.form_textfield input{
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
    margin-top: 5px;
    padding: 3px 0 3px 3px;
    width: 25%;
    border-radius: 2px;
}
.form_textfield input:focus{
    border-color: #7dc9e2;
    outline-color: #dceefc;
}
/*
.form_textfield input[type='text']{
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
    margin-top: 5px;
    padding: 3px 0 3px 3px;
    width: 25%;
    border-radius: 2px;
}
.form_textfield input[type='text']:focus{
    border-color: #7dc9e2;
    outline-color: #dceefc;
}
*/
.buttonSubmit{
    background-color: #2cb2bc;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    font-weight: bold;
    padding: 0 5px;
    text-transform: capitalize;
}
.buttonSubmit:hover{
    background-color: #47cad4;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
.resetpass-form{
    padding:5px;
    border: 1px solid #ccc;
    margin: 10px;
    border-radius: 3px;
}
.resetpass-form-passwordconfirm{ margin-bottom: 10px;}
.resetpass-form{ margin-bottom: 10px;}
.resetpass-form label{ padding-right: 20px;}    
.resetpass-form input[type='password']{
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset;
    margin-top: 5px;
    padding: 3px 0 3px 3px;
    width: 25%;
    border-radius: 2px;
}
.resetpass-form input[type='password']:focus{
    border-color: #7dc9e2;
    outline-color: #dceefc;
}
.resetpass-form-submit{
    margin-bottom: 10px;
}
.buttonsubmit-resetpass{
    background-color: #2cb2bc;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    padding: 0 15px;
    margin-left: 120px;
    font-weight: bold;
}
.buttonsubmit-resetpass:hover{
    background-color: #47cad4;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    -ms-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
}
span.required{ color: red;}
.errorMessage{ color: red;}

.clearfix, .container {display:block;}
.clear {clear:both;}